﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
<link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
<link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css" />
<script src="${RESOURCE}/tha/include/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>
<script type="text/javascript">
function doSubmit() {
    if(validate()) {
        $.ajax({
            type : 'post',
            url : '${pageContext.request.contextPath}/DpromptVas.do',
            data : 'fnc=DpromptVasRefill&action=',
            success : function(data) {
                alert(data);
            }
        });
    }
}

function validate() {
    var phoneNumber = $('#phoneNumber').val();
	var serialNumber = $('#serialNumber').val();
	var password = $('#password').val();
	
    if(!isPhoneNumber0(phoneNumber)) {
		alert('รูปแบบข้อมูลไม่ถูกต้อง :\n\nกรอกหมายเลขโทรศํพท์มือถือไม่ถูกต้อง');
        $('#phoneNumber').focus();
        return false;
    }
	if(!isCorrectSerialNumberFormat(serialNumber) ) {
		alert('รูปแบบข้อมูลไม่ถูกต้อง :\n\nขอโทษค่ะ หมายเลขบัตรต้องเป็น 8 หลัก กรุณาตรวจสอบและลองใหม่อีกครั้ง');
		$('#serialNumber').focus();
   		return false;
	}
	if(!isCorrectPasswordFormat(password)) {
		alert('รูปแบบข้อมูลไม่ถูกต้อง :\n\nขอโทษค่ะ รหัสบัตรต้องเป็น 6 หลัก กรุณาตรวจสอบและลองใหม่อีกครั้ง');
		$('#password').focus();
   		return false;
	}	
    return true;
}

function isCorrectPasswordFormat(value) {
	var regex = /^[0-9]{6}$/;
	return !isEmpty(value) && regex.test(value);
}

function isCorrectSerialNumberFormat(value) {
	return isInLength(value, 8) && isInteger(value);
}

function doSubmit_Bak() {
	//var phone = document.form.lisPhoneNo.value;
	var f = document.forms[0]; 

	if( !isCorrectMobileFormat(f.subrNumb) ) {
			f.subrNumb.value="";
			f.subrNumb.focus();

			return;
	}

	var subrNumb = trim(f.subrNumb.value);
	var subrNumb1 = "";
	var subrNumb2 = "";
	var subrNumb3 = "";

	if(f.subrNumb.value.length == 10){
		subrNumb1=subrNumb.substring(0,2);
		subrNumb2=subrNumb.substring(2,6);
		subrNumb3=subrNumb.substring(6);

		f.m1.value=subrNumb1;
		f.m2.value=subrNumb2;
		f.m3.value=subrNumb3;

	}else{
		subrNumb1=subrNumb.substring(0,1);
		subrNumb2=subrNumb.substring(1,5);
		subrNumb3=subrNumb.substring(5);

		f.m1.value=subrNumb1;
		f.m2.value=subrNumb2;
		f.m3.value=subrNumb3;
	}
	
	if( !isCorrectSerialFormat() ) {
		document.form.voucherNo.value="";
		document.form.voucherNo.focus();

   		return;
	}

	if( !isCorrectIdFormat() ) {
		document.form.pinCode.value="";
		document.form.pinCode.focus();

   		return;
	}	

	ok();
}

function ok(){
  var toSubNumb1 = document.form.m1.value;
  var toSubNumb2 = document.form.m2.value;
  var toSubNumb3 = document.form.m3.value;
	var toSubNumb =  toSubNumb1+"-"+toSubNumb2+"-"+toSubNumb3;
	var msg = "<strong> บริการเติมบริการเสริมด้วยบัตรเติมบริการเสริม:</strong> กดยืนยัน เพื่อเติมบริการเสริมให้กับหมายเลข  <span class=\"textnormalred\">"+toSubNumb+"</span ><br/><br/>";
	var w = 375;
	var h = 150;
	var l = (screen.width - w) / 2; 
	var t = (screen.height - h ) / 2; 
	//window.open("/bp3/bin/confirm?msg= "+msg,"vasrefill","width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);
	
	document.forms[0].hdConfirmMsg.value = msg;
	window.open("/bp3/bin/confirm?mode=N", "vasrefill","width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);
}

function CheckButton(){
   var f = document.forms[0]; 

	if ( document.form.radiobutton[0].checked == true ){
		f.p1.value="";			
		f.p1.blur();
		f.p2.value="";			
		f.p2.blur();
		f.p3.value="";			
		f.p3.blur();			
		f.m1.focus();			

	}else if ( document.form.radiobutton[1].checked == true ){		
		f.m1.value="";			
		f.m1.blur();
		f.m2.value="";			
		f.m2.blur();
		f.m3.value="";			
		f.m3.blur();			
		f.p1.focus();			
	}
}
</script>

</head>
<body>
<div id="header">	
	<%@ include file="../head.jsp" %>
</div>

<div id="container">
    <div id="pathway"><img src="${RESOURCE}/tha/images/clear.gif" width="1" height="1" /><img src="${RESOURCE}/tha/images/clear.gif" width="1" height="1" /><img src="${RESOURCE}/tha/images/clear.gif" width="1" height="1" /><img src="${RESOURCE}/tha/images/clear.gif" width="1" height="1" /><a href="${pageContext.request.contextPath}/index.html" class="link2">บริการผ่านเว็บ</a> &gt; <a href="${pageContext.request.contextPath}/index.html?page=Welcome"  class="link2">ข้อมูลส่วนตัวและแพ็กเกจ</a> &gt; <a class="link2">เติมบริการเสริมด้วยบัตรเติมบริการเสริม</a></div>
	<div id="main">
    	<%@ include file="../menu.jsp" %>
    	<div id="content">
        	<div class="content-middle">
                
                <!--เนื้อหาเริ่มที่นี่-->
               	<table width="100%" cellpadding="2" cellspacing="2" height="500">
                  	<tr>
                    	<td valign="top">
                        
                          <table width="650" border="0" cellspacing="0" cellpadding="0">
                            <!--SVLT.VAR:CONF_TOP-->
                            
                            <%@ include file="../control_panel.jsp" %>
                            
                            <tr>
                              <td><!--SVLT.LOOP:ERROR_BOX-->
                                  <br/>
                                  <table  border="0" cellspacing="0" cellpadding="2" width="100%">
                                    <tr>
                                      <td align="center" class="textnormalred_bold">ระบบไม่สามารถทำงานได้เนื่องจาก</td>
                                    </tr>
                                    <tr>
                                      <td align="center"  class="textnormalred"><!--SVLT.VAR:ERROR_MSG--></td>
                                    </tr>
                                  </table>
                                <br/>
                                  <!--SVLT.END:ERROR_BOX-->
                                  <table width="100%" border="0" cellspacing="3" cellpadding="0">
                                    <tr>
                                      <td width="2%"><img src="${RESOURCE}/tha/images/14_webservice_bullet01.gif" width="9" height="9" /></td>
                                      <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/tha/images/14_webservice_subtitle04.gif" width="350" height="22" /></td>
                                    </tr>
                                    <tr>
                                      <td>&nbsp;</td>
                                      <td class="textnormal">เติมบริการเสริมง่ายจัง เพียงใส่หมายเลขโทรศัพท์ที่ต้องการเติม หมายเลขบัตร 
                                        และรหัสบัตร ที่ปรากฏบน
                                        บัตรบริการเสริม แล้วกด “ตกลง” แค่นี้ก็เรียบร้อยแล้ว...ว</td>
                                    </tr>
                                </table></td>
                            </tr>
                            <tr>
                              <td height="15" align="center"><br/>
                                  <br/>
                                  <br/></td>
                            </tr>
                            <tr>
                              <td height="15" align="center">
                                
																<table width="80%" border="0" align="center" cellpadding="2" cellspacing="2">
													        <tr> 
													          <td width="45%" align="right" class="textnormal_bold">เติมบริการเสริมให้เบอร์แฮปปี้หมายเลข:</td>
													          <td><input id="phoneNumber" name="subrNumb" type="text" class="txt_search_c04" maxlength="10" size="30" value="" autocomplete="off" /></td>
													          
													        </tr>
													        <tr> 
													          <td align="right" class="head">&nbsp;</td>
													          <td><font color="#FF0000" class="textredsmall">ความยาว 10 หลัก (08xxxxxxxx)</font></td>
													        </tr>
													        <tr> 
													          <td align="right" class="textnormal_bold">หมายเลขบัตร:</td>
													          <td><input id="serialNumber" name="voucherNo" type="text" class="txt_search_c04" size="30" maxlength="8" autocomplete="off" /></td>
													        </tr>
													        <tr> 
													          <td align="right" class="head">&nbsp;</td>
													          <td><font color="#FF0000" class="textredsmall">8 หลักที่ปรากฏบนบัตรบริการเสริม</font></td>
													        </tr>
													        <tr> 
													          <td align="right" class="textnormal_bold">รหัสบัตร:</td>
													          <td><input id="password" name="pinCode" type="text" class="txt_search_c04" size="30" maxlength="6" autocomplete="off" /></td>
													        </tr>
													        <tr> 
													          <td align="right" class="head">&nbsp;</td>
													          <td><font color="#FF0000" class="textredsmall">6 หลักที่ปรากฏบนบัตรบริการเสริม</font></td>
													        </tr>
													      </table>                                
                                 
                                <table width="250" align="center" border="0" cellpadding="2" cellspacing="1" >
                                  <tr align="center" valign="top">
                                      <td><a href="javascript:void(0);" onclick="doSubmit();"><img src="${RESOURCE}/tha/images/14_webservice_submit.gif" width="58" height="23" border="0" /></a></td>
                                      <td><a href="${pageContext.request.contextPath}/index.html?page=Welcome"><img src="${RESOURCE}/tha/images/14_webservice_cancel.gif" width="58" height="23" border="0" /></a></td>
                                  </tr>
                                </table>
                                 
                                <!--SVLT.LOOP:success-->
                                <table width="90%"  border="0" cellpadding="2" cellspacing="0">
                                <br/>
                                  <tr>
                                    <td align="center" class="textnormal_bold"  >รายการของคุณสำเร็จแล้ว ขอบคุณที่ใช้บริการค่ะ</td>
                                  </tr>
                                  <tr>
                                    <td width="489" height="2" align="left" class="textnormal">ระบบได้สมัคร &nbsp;
                                        <!--SVLT.VAR:total-->
                                      <!--vas_pass_desc/vas_volume_desc-->
                                      &nbsp;แล้วใช้ได้ถึง &nbsp;
                                      <!--SVLT.VAR:expire-->
                                        <!--hh:mm;dd-mmm-yy -->
                                      &nbsp; ค่ะ<strong></strong></td>
                                  </tr>
                                </table>
                                 
                                <!--SVLT.END:success-->
                              </td>
                            </tr>
                            <!--SVLT.VAR:CONF_BOTTOM-->
                          </table>
						  	<br/>
                          <br/>
                        
                        </td>
                 	</tr>
              	</table>                
                <!--เนื้อหาสิ้นสุดที่นี่-->
                
            </div>
            <div class="content-bottom"></div>
        </div>
    </div>
</div>
<div id="footer">
<img src="${RESOURCE}/tha/images/copy_right.jpg" />
<a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
<a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
</div>
</body>
</html>
